<!DOCTYPE html>
<html lang="zh">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, minimal-ui"/>

  <title>{$eyou.field.seo_title}</title>
  <meta name="description" content="{$eyou.field.seo_description}" />
  <meta name="keywords" content="{$eyou.field.seo_keywords}" />
  <link href="{eyou:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  {eyou:static file="__PUBLIC__/static/photo/css/normalize.css" /}
  {eyou:static file="__PUBLIC__/static/photo/css/htmleaf-demo.css" /}
  {eyou:static file="__PUBLIC__/static/photo/css/lightgallery.css" /}
  {eyou:static file="__PUBLIC__/static/photo/js/jquery-1.11.0.min.js" /}
  {eyou:static file="__PUBLIC__/static/photo/js/lightgallery-all.min.js" /}
</head>
<body>
<div class="container"> {eyou:include file="header.htm" /}
  <section class="web_main page_main index_product">
    <div class="index_bd" >
      <div class="layout">
        <div class="product_slider">
          <ul class="swiper-wrapper  product_items" id="lightgallery_0">
            {eyou:volist name='$list' id='field'}
            <?php
                    if($field['typeid'] == 13){
                    ?>
            <li data-src="{$field.litpic}" class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".{$i}s">
              <figure>

                <a class="mouseover-1 lightbox item_img" href="#">
                  <img src="{$field.litpic}"/>
                </a>


                <!--                <figcaption>-->
                <!--                  <h3 class="item_title"><a  href="{$field.litpic}">{$field.title}</a></h3>-->
                <!--                </figcaption>-->
              </figure>
            </li>
            <?php
                    }
                  ?>
            {/eyou:volist}
          </ul>
          <div class="index_swiper_control">
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
        <div class="tab-content-wrap product-detail">
          {$eyou.field.content}
        </div>
      </div>
    </div>

  </section>



  <section style="padding:0 15%;margin-top: 35px" >
    <ul class="product_items flex_row" id="lightgallery_1">
      {eyou:volist name='$list' id='field'}
      <?php
            if($field['typeid']!== 13){
            ?>
      <li data-src="{$field.litpic}" class="product_item x6" style="width:{$width}%">
        <figure>
              <span class="item_img">
              <img src="{$field.litpic}" alt="{$field.title}"/>
              </span>
          <h3><?php echo  htmlspecialchars_decode($field['content'])?></h3>
        </figure>
      </li>
      <?php
            }
          ?>
      {/eyou:volist}
    </ul>
    <!--        <div class="page_bar">-->
    <!--          <div class="pages">{eyou:pagelist listitem="index,pre,next,end,pageno"  listsize="1" /}</div>-->
    <!--        </div>-->
  </section>
  <script type="text/javascript">
    $(document).ready(function(){
      $('#lightgallery_0').lightGallery();
    });
    $(document).ready(function(){
      $('#lightgallery_1').lightGallery();
    });
  </script>
  {eyou:include file="footer_new.htm" /}

</div>
</body>

</html>